<script setup>
import CitySearch from '../components/CitySearch.vue'
import NowWeather  from '../components/NowWeather.vue'
import Futur24HWeather from '../components/Futur24HWeather.vue';
import Future7DHWeather from '../components/Future7DWeather.vue';
import LivingIndex from '../components/LivingIndex.vue';
</script>
<template>
    <div>
        <CitySearch />
       <NowWeather />
       <div class="two-weather">
            <Futur24HWeather />
            <Future7DHWeather />
       </div>
       <LivingIndex />
    </div>
</template>
<style scoped>
.two-weather{
  display: flex;
    gap: 20px;
    margin: 20px 0;
}
.two-weather div{
    flex: 1; 
    min-width: 0; 
}
</style>
